/**
 * Styles used for editing TWiki content using Kupu
 * Copyright (C) 2005 ILOG
 *
 * Additional styles for TWiki editing. Assumes basic kupustyles.css -
 * only additional styles are defined here; none of the basic styles
 * are overridden.
 *
 * There are two sets of styles here; the first set relates to the
 * editor itself (toolbars etc). The second set relates to the content
 * being edited (the styles inserted by the TML2HTML translator)
 */

.carrega {
background:#EE0000 none repeat scroll 0%;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
left:10px;
position:absolute;
text-decoration:none;
top:10px;
z-index:99;
}

.bordedBox {
border:1px solid #186EA7;
}

.preview {
background-image:url(previewbg.png);
overflow:auto;
width:100%;
background-color:white;	
}

.ajuda {
float:right;
}
/**************************************************
 * Styles used in the editor, but not the content *
 **************************************************/
.bodyKupu {
background-color:#F8F8F9;	
}

.kupuHeader {
padding-top:0px;
/*background-image:url(topo_certi.png);*/
background-position:left top;
background-repeat:repeat-y;
background-color:#D9D9D9;
}

.kupuBreadCrumbs {
font-weight:bold;
font-family:'Trebuchet MS',Verdana,Arial,Sans-Serif;
font-size:80%;
text-align:left;
color:#ffffff;
background-color:#003777;
background-image:url(breadcrumbs_certi.jpg);
background-position:left top;
background-repeat:repeat-y;
padding-bottom:5px;
padding-left:10px;
padding-top:5px;
}

.kupuBreadCrumbs a {
color:#ffffff;
}

.kupuAction {
  padding-bottom:10px;	
  padding-top:6px;	  
}

.kupuMain, .advancedEditorBox, .previewBox, .kupuAction {
background-color:#F8F8F9;
background-image:url(bg_certi.png);
background-repeat:repeat-x;
}

.kupuMain {
padding-top: 5px;
}

.natBotao {
background:transparent url(certi_botao_esquerda.gif) no-repeat scroll 0pt;
background-position:0pt 0%;
font-size:12px;
font-weight:bold;
margin:0px;
padding:8px 0px 8px 8px;
}
.natBotao span {
background:transparent url(certi_botao_direita.gif) no-repeat scroll right top;
padding:8px 9px 8px 3px;
}
a.natBotao:link, a.natBotao:visited {
color:#186EA7;
text-decoration:none;
}
a.natBotao:hover {
color:#0F00B3;
text-decoration:none;
}
a.natBotao:active {
color:#001999;
text-decoration:none;
}

.separator {
margin-left: 50px;
}

.kupu-drawer {
 width:600px;	
 border-color: #003777;
}

.kupu-drawer, div.kupu-panels, div.kupu-panels td {
 background-color: #F8F8F9;	
}
div.kupu-panels table {
 width:auto;	
}
	
iframe.kupu-editor-iframe {
/*height:530px;*/
width:99.7%;
border: 1px solid buttonface;
}

.twikiForm  {
 background-color:#F8F8F9;
}

div.kupu-fulleditor-zoomed {
z-index:50;	
}
/* Adjustments to kupu classes */

div.kupu-fulleditor .kupu-editorframe {
  margin-right: 0em;
}

div.kupu-drawer {
  left: 0;
  margin-left: 50px;
}

div.kupu-dialogbuttons {
  text-align: center;
  width:auto;
}

div.kupu-tb { 
  height: 28px;
  margin-bottom:0px;
  background-color: #F8F8F9;
  border-bottom:1px solid #003777;
}

/* This is needed with kupu1.3.2 for some reason, as the 
.kupu-tb-buttons button style isn't getting applied */

.kupu-tb-buttongroup button {
  color: ButtonText;
  border: 1px solid #F8F8F9;
  margin-top: 0;
  margin-left: 0;
  height: 26px;
  width: 26px;
  background-repeat: no-repeat;
  background-color: #F8F8F9;
}

span.kupu-tb-buttongroup {
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  float: left;
  border-left: 1px dotted ButtonShadow;
  border-right: 1px dotted ButtonShadow;
}

/* TWiki only - icons popup */
div#twiki-icons {
  position: absolute;
  display: none;
  background-color: #EEEEEE;
  padding: 0.2em;
  font-size: small;
  border-width: 2px;
  border-style: solid;
  cursor: default;
  width: 350px;
}

div#twiki-icons img {
  background-color: #EEEEEE;
  cursor: pointer;
}

div#twiki-icons img:hover {
  background-color: #CCCCCC;
}

div#twiki-icons img:active {
  border: 1px solid;
  border-color: #FFFFFF;
}

/******************************
 * Styles used in the content *
 ******************************/

.TML { }
.TMLvariable, .TMLvariable * {
  font-weight: bold;
  border: thin dashed #CCCCCC;
  color: #CCCCCC;
  background: #FFFFFF;
  display: inline;
}

.TMLcite { }
.TMLmailto { background: cyan; color: black; }
.TMLnoautolink { color: #CCCCFF; }
.TMLverbatim {
  border: thin solid black;
  background: url('verbatim-watermark.png')
}
.TMLnop {
  border: thin solid red;
}
.TMLnopresult {
  border: thin solid orange;
}
.TMLcomment { 
  font-style: italic;
  background: #9999FF;
}
.TMLhr {
  background: black;
}

/*********
 * Icons *
 *********
 */
/* TWiki overrides of kupu buttons. Simply re-defined the styles. */
.kupu-source {background-image: url("view-source.png");}
.kupu-table {background-image: url("table.png");}
.kupu-removelink {background-image: url("remove.png");}
.kupu-inthyperlink {background-image: url("inthyperlink.png");}
.kupu-inthyperlink-pressed {background-image: url("inthyperlink.png"); background-color: white}
.kupu-exthyperlink {background-image: url("exthyperlink.png");}
.kupu-exthyperlink-pressed {background-image: url("exthyperlink.png"); background-color: white}
.kupu-indent {background-image: url("indent.png");}
.kupu-outdent {background-image: url("outdent.png");}
.kupu-insertunorderedlist {background-image: url("unordered-list.png");}
.kupu-insertdefinitionlist {background-image: url("definition-list.png");}
.kupu-insertorderedlist {background-image: url("ordered-list.png");}
.kupu-forecolor {background-image: url("text-color.png");}
.kupu-redo {background-image: url("redo.png");}
.kupu-save {background-image: url("save.png");}
.kupu-undo {background-image: url("undo.png");}
.kupu-removelink { background-image: url("remove.png");}
.kupu-word-paste { background-image: url("word-paste.png");}

/* TWiki-only buttons */
.twiki-new-attachment { background: url("new-attachment.png"); }
.kupu-hr {background-image: url("hr.gif");}
.twiki-new-attachment { background: url("new-attachment.png"); }
.twiki-new-image { background: url("new-image.png"); }
.twiki-vardrawer-button { background: url("vars.png"); }
.twiki-cancel-button { background-image: url("cancel.png"); }
.twiki-insert-icon { background-image: url("smiley.png"); }
.twiki-help {background-image: url("help.png");}
.twiki-insert-string {background-image: url("strings.png");}
.twiki-remove-var-button {
  background-color: white;
  background: url("remove.png");
}
.twiki-remove-verb-button {
  background-color:white;
  background: url("remove.png");
}
.twiki-code-button0 {
  background-image: url("code.png");
}
.twiki-code-button1 {
  background: url("code.png");
  background-color: #ECECEC;
}
.twiki-code-button2 {
  background: url("code.png");
  background-color: white;
}
.twiki-nop-button0 {
  background: url("nop.png");
}
.twiki-nop-button1 {
  background: url("nop.png");
  background-color: #ECECEC;
}
.twiki-nop-button2 {
  background: url("nop.png");
  background-color: white;
}
.twiki-bold-button0 {
  background: url("bold.png");
}
.twiki-bold-button1 {
  background: url("bold.png");
  background-color: silver;
}
.twiki-bold-button2 {
  background: url("bold.png");
  background-color: white;
}
.twiki-italic-button0 {
  background: url("italic.png");
}
.twiki-italic-button1 {
  background: url("italic.png");
  background-color: silver;
}
.twiki-italic-button2 {
  background: url("italic.png");
  background-color: white;
}
.twiki-verbatim-button {
  background: url("verbatim.png");
}
.twiki-verbatim-button-pressed {
  background: url("verbatim.png");
  background-color: white;
}
